<!--常见问题-->
<template>
	<view class="problemBox">
		<uv-navbar title="常见问题" @leftClick="goBack" bgColor="#277CC0" :placeholder="true"
			titleStyle="color:#FFFFFF;fontWeight:500" leftIconColor="#FFFFFF"></uv-navbar>
		<uv-collapse >
			<uv-collapse-item v-for="(i,n) in problem" :key="n" :title="i.title" name="Docs guide">
				<view class="uv-collapse-content">
                    <uv-parse :content="i.content"></uv-parse>
                </view>
            </uv-collapse-item>
		</uv-collapse>
	</view>
</template>

<script>
	export default {
		data() {
			return {
                    problem:[]
			};
		},
        onLoad() {
          this.getList()  
        },
		methods: {
            
            async getList(){
            const {data} = 	await this.$api.getQuestion()
            	console.log(data)
                this.problem=data.list
            
            },
			goBack() {
				uni.navigateBack({
					delta: 1
				})
			},
			
		}
	}
</script>

<style lang="scss" scoped>
	.problemBox {
		min-height: 100vh;
		background-color: #F5F5F5;
		
	}
</style>